<template>
  <div>
    <!--
      screenfull全屏插件
        1.下载
        2.导入
        3.使用
           1.看readme
           2.打印一下screenfull
           3.翻译方法名

    -->
    <button @click="xxx">全屏</button>
  </div>
</template>

<script>
import screenfull from 'screenfull'
export default {

  created() {
    console.log(screenfull)
  },
  methods: {
    xxx() {
      // 判断当前是否支持全屏，再调用全屏切换方法
      if (screenfull.isEnabled) {
        screenfull.toggle()
      }
    }
  }

}

</script>

<style>

</style>
